<!--
 * @Author: 谢子健 1075010289@qq.com
 * @Date: 2024-09-15 15:54:59
 * @LastEditors: 谢子健 1075010289@qq.com
 * @LastEditTime: 2024-09-20 16:35:27
 * @FilePath: \ilink-vue-frontend\src\views\introduce\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script setup lang="ts">
// 引入位于 components 文件夹中的子组件
import Footer from './components/Footer.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeSection from './components/HomeSection.vue'
import NewSection from './components/NewSection.vue'
import PlatformSection from './components/PlatformSection.vue'
</script>

<template>
  <div class="homepage">
    <HomeBanner />
    <PlatformSection />
    <!-- <AssistantSection style="margin-top: 10%;" /> -->
    <NewSection />
    <!-- <TeamCollaborationSection /> -->
    <!-- <StarProjectSection /> -->
    <HomeSection style="margin-top: -250px;" />
    <Footer />
  </div>
</template>

<style scoped>
.homepage {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden; /* 禁止水平滚动 */
  overflow-y: auto; /* 允许垂直滚动 */
  height: 100vh; /* 视口高度 */
  /* padding: 20px;  可以根据需要调整 */
  box-sizing: border-box; /* 包括 padding 在内的计算方式 */
  > * {
    margin-bottom: 200px;
  }

  > *:last-child {
    margin-bottom: 0;
  }
}
</style>
